<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.6.14.js"></script>
</head>
<body>
<div id="app">
    <!--
        v-if , v-show: 如果为true， 则显示，如果为false，则不显示
        v-if : 控制 dom元素是否加载(创建), 不适合频繁的切换加载与不加载
        v-show：控制dom元素是否显示（display：none）, 适合用于频繁的切换dom元素隐藏与显示
    -->
    <p v-if="flag">
        这是一个段落1
    </p>
    <p v-show="flag">
        这是一个段落2
    </p>
</div>

</body>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            flag: false
        },
        methods:{

        }
    });
</script>
</html>